<template>
	<view class="page flex-col">
		<view class="block_1 flex-col">
			<view class="group_1 flex-col">
				<QSNavbar :navbarItems="navbarItems_1" backgroundColor="rgba(0,0,0,0)"></QSNavbar>
				<view class="box_1 flex-col">
					<image class="image_2" referrerpolicy="no-referrer"
						src="https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/8cf0c9dc39599c243ea6fa98ae42d18c56ac0851.png" />
					<image class="image_3" referrerpolicy="no-referrer"
						src="https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/8cf0c9dc39599c243ea6fa98ae42d18c56ac0851.png" />
					<!-- 新人专区 -->
					<image class="image_4" referrerpolicy="no-referrer" @click="Newborn"
						src="https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/0f12c96b5bff964129aaddaec1e2fe8db7173387.png" />
				</view>
				<view class="box_2 flex-col">
					<image class="image_12" referrerpolicy="no-referrer"
						src="https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/9c1b314c62d529ea5f38a58d262448e0450eb993.png" />
					<image class="image_13" referrerpolicy="no-referrer"
						src="https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/b81b89b3601d7dee313ef07498902f41a7f0a6bc.png" />

					<view class="box_3 flex-row">
						<!-- 	<image class="image_5" referrerpolicy="no-referrer"
							src="https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/637df7cf6328ffa635a9d60924cc00e6c77620c9.png" />
						<image class="image_6" referrerpolicy="no-referrer"
							src="https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/ec64ec070143d694e21667b9f179b4ea64d2ed62.png" /> -->
						<!-- <text class="text_2">先领取在消费</text> -->
						<!-- <image class="image_7" referrerpolicy="no-referrer"
							src="https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/001223e4d02dfd5768585c9eb94ada5b25e40fbb.png" /> -->
						<!-- <text class="text_3" @click="Platform">更多</text> -->
						<view class="image-wrapper_1 flex-row justify-between" @click="Platform">
							<image class="image_14" referrerpolicy="no-referrer"
								src="https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/00d9f246e59230a9ad3f3e9bae4b00f4812fbb6c.png" />
							<image class="image_15" referrerpolicy="no-referrer"
								src="https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/2f22209133100e53fe37eafde9fd98eb8fe2535e.png" />
						</view>
					</view>


					<view class="box_4  ">
						<!-- <scroll-view scroll-y class="box_4"> -->
						<view class="box_20 flex-row" v-for="(item, index) in looplist" :key="index" v-if="index < 8">
							<view class="text-group_7 flex-col justify-between" @click="onClick_5(item)">
								<view class="text-wrapper_8">
									<text class="text_46">¥</text>
									<text class="text_47">{{item.jian}}</text>
								</view>
								<!-- <text class="text_48">{{item.type}}</text> -->
								<text class="text_48" v-if="item.type == 1">代金券</text>
								<text class="text_48" v-if="item.type == 2">满减券</text>
								<text class="text_48" v-if="item.type == 3">折扣券</text>
							</view>
							<view class="box_21 flex-col"></view>
							<view class="section_12 flex-col justify-between">
								<button class="button_7 flex-col" @click="onClick_2(item,index)"
									v-if="item.else_stock>0">
									<text class="text_49">立即领取</text>
								</button>
								<text class="ylw" v-else>已领完</text>
								<text class="text_50" @click="onClick_5(item)">{{item.name}}</text>
							</view>
						</view>
						<!-- </scroll-view> -->
					</view>


					<!-- <view class="box_18 flex-col">
						<text class="text_36">300元抵用券</text>
						<button class="button_4 flex-col" @click="onClick_4">
							<text class="text_37">立即抢购</text>
						</button>
						
					</view> -->


					<!-- <image class="tag_4" referrerpolicy="no-referrer"
						src="https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/459aadf813b01e9997502fccef7c91b008c32bd7.png" /> -->
				</view>
				<view class="box_19 flex-col">
					<view class="image-wrapper_1 flex-row justify-between" @click="Venue">
						<image class="image_14" referrerpolicy="no-referrer"
							src="https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/04460bf9105ced75687a192e460e9ba84715bbc9.png" />
						<image class="image_15" referrerpolicy="no-referrer"
							src="https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/2f22209133100e53fe37eafde9fd98eb8fe2535e.png" />
					</view>
					<view class="list_1 flex-row">
						<!-- <view class="list-items_1 flex-col" :style="{ background: item.lanhuBg0 }" -->
						<view class="list-items_1 flex-col" v-for="(item, index) in loopData0" :key="index">
							<view class="text-wrapper_6 flex-row " @click="onClick_5(item)" v-if="item.type == 1">
								<text class="text_38">¥</text>
								<text class="text_39">{{item.jian}}</text>
							</view>
							<view class="text-wrapper_6 flex-row " @click="onClick_5(item)" v-if="item.type == 2">
								<text class="text_38">¥</text>
								<text class="text_39">{{item.jian}}</text>
							</view>
							<view class="text-wrapper_6 flex-row " @click="onClick_5(item)" v-if="item.type == 3">
								<text class="text_38"></text>
								<text class="text_39">{{item.jian}}折</text>
							</view>
							<!-- //type 代金券1 满减券2 折扣券3 -->
							<text class="text_40" v-if="item.type == 1" @click="onClick_5(item)">{{item.man}}元代金券</text>
							<text class="text_40" v-if="item.type == 2" @click="onClick_5(item)">{{item.man}}元满减券</text>
							<text class="text_40" v-if="item.type == 3" @click="onClick_5(item)">{{item.man}}元折扣券</text>
							<!-- <button class="button_5 flex-col" @click="onClick_s">
								<text class="text_41">立即领取&nbsp;&gt;</text>
							</button> -->
							<!-- <text  class="text_42">{{item.can_get_time}}</text> -->
							<!-- <text  class="text_43">12123</text> -->
							<button class="button_6 flex-col" @click="onClick_2(item,index)" v-if="item.else_stock>0">
								<text class="text_41">立即领取&nbsp;&gt;</text>
							</button>
							<text class="text_44" v-else>已领完</text>
							<!-- <button v-if="item.slot4 === 4" class="button_6 flex-col" @click="onClick_s">
								<text class="text_41">立即领取&nbsp;&gt;</text>
							</button> -->
						</view>
					</view>
				</view>
				<image class="image_16" referrerpolicy="no-referrer"
					src="https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/c3b15c57f2f7d423e5af2f2340ead1a8bab1f016.png" />
			</view>
			<!-- 弹窗 -->
			<!-- // q_type 平台1 场馆2 新人3 -->
			<!-- //type 代金券1 满减券2 折扣券3 -->
			<view class="box_111 flex-col" v-if="box_111">
				<view class="box_2 flex-row" :class="itemlist.q_type == 1 ? 'box_2' : 'box_2_2'">
					<!-- 平台 -->
					<view class="text-group_1 flex-col justify-between" v-if="itemlist.q_type == 1">
						<!-- 代金券 -->
						<view class="text-wrapper_1" v-if="itemlist.type == 1">
							<text class="text_1">¥</text>
							<text class="text_2">{{itemlist.jian}}</text>
						</view>
						<text class="text_3" v-if="itemlist.type == 1">{{itemlist.man}}元代金券</text>
						<!-- 减券 -->
						<view class="text-wrapper_1" v-if="itemlist.type == 2">
							<text class="text_1">¥</text>
							<text class="text_2">{{itemlist.jian}}</text>
						</view>
						<text class="text_3" v-if="itemlist.type == 2">{{itemlist.man}}元满减券</text>
						<!-- 折扣券 -->
						<view class="text-wrapper_1" v-if="itemlist.type == 3">
							<text class="text_1"></text>
							<text class="text_2">{{itemlist.jian}}折</text>
						</view>
						<text class="text_3" v-if="itemlist.type == 3">{{itemlist.man}}元折扣券</text>
					</view>

					<view class="text-group_2 flex-col justify-between" v-if="itemlist.q_type == 1">
						<text class="text_4">全场抵用券</text>
						<text class="text_5">{{itemlist.can_get_time}}</text>
					</view>
					<!-- 场馆 -->
					<view class="text-group_1 flex-col justify-between" v-if="itemlist.q_type == 2">
						<!-- 代金券 -->
						<view class="text-wrapper_1" v-if="itemlist.type == 1">
							<text class="text_1">¥</text>
							<text class="text_2">{{itemlist.jian}}</text>
						</view>
						<text class="text_3" v-if="itemlist.type == 1">{{itemlist.man}}元代金券</text>
						<!-- 减券 -->
						<view class="text-wrapper_1" v-if="itemlist.type == 2">
							<text class="text_1">¥</text>
							<text class="text_2">{{itemlist.jian}}</text>
						</view>
						<text class="text_3" v-if="itemlist.type == 2">{{itemlist.man}}元满减券</text>
						<!-- 折扣券 -->
						<view class="text-wrapper_1" v-if="itemlist.type == 3">
							<text class="text_1"></text>
							<text class="text_2">{{itemlist.jian}}折</text>
						</view>
						<text class="text_3" v-if="itemlist.type == 3">{{itemlist.man}}元折扣券</text>
					</view>
					<view class="text-group_2 flex-col justify-between" v-if="itemlist.q_type == 2">
						<text class="text_4">场馆抵用券</text>
						<text class="text_5">{{itemlist.can_get_time}}</text>
					</view>
					<!-- 新人 -->
					<view class="text-group_1 flex-col justify-between" v-if="itemlist.q_type == 3">
						<view class="text-wrapper_1">
							<text class="text_1">¥</text>
							<text class="text_2">10</text>
						</view>
						<text class="text_3">满100元减</text>
					</view>
					<view class="text-group_2 flex-col justify-between" v-if="itemlist.q_type == 3">
						<text class="text_4">新人抵用券</text>
						<text class="text_5">{{itemlist.can_get_time}}</text>
					</view>
					<image @click="box_open" class="icon_11" referrerpolicy="no-referrer"
						src="https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/eb1eebfd593afbcce3c105098da1c48e231045d5.png" />
				</view>
				<image @click="box_close" class="icon_1" referrerpolicy="no-referrer"
					:class="itemlist.q_type == 1 ? 'icon_1' : 'icon_1_1'"
					src="https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/dab4b52d01ac2d9220cd1547e7494656a517d6cf.png" />
			</view>
		</view>
	</view>
</template>
<script>
	import QSNavbar from "@/components/QS-Navbar/QS-Navbar.vue";
	const market = require("@/api/market/index.js");
	export default {
		components: {
			QSNavbar
		},
		data() {
			return {
				looplist: [],
				box_111: false,
				navbarItems_1: [{
						type: "icon",
						icon: "back",
						layout: "left",
						width: 15,
						doEvent: "back",
						iconColor: "#fff",
					},
					{
						type: "text",
						text: "活动名称",
						width: 70,
						weight: "bold",
						color: "#fff",
						textAlign: "left",
					},
				],
				loopData0: [],
				constants: {},
				act_id: '',
				coupon_id: '',
				itemlist: {},

			};
		},
		onLoad(options) {
			this.act_id = options.id
			this.getCouponpt()
			this.getCouponcg()
		},
		methods: {
			// q_type 平台1 场馆2 新人3
			//type 代金券1 满减券2 折扣券3
			async getCouponpt() {
				let postData = {
					q_type: 1,
					app_id: this.$https.weixinAppId,
					project_id: getApp().globalData.projectId,
					act_id: this.act_id,
					app_id: this.$https.weixinAppId,
					open_id: uni.getStorageSync("openid"),
				}
				let res = await market.getCouponIndex(postData);
				if (res.code == 1) {
					this.loopData0 = res.data.result.data
				}
			},
			// 场馆2
			async getCouponcg() {
				let postData = {
					q_type: 2,
					app_id: this.$https.weixinAppId,
					project_id: getApp().globalData.projectId,
					act_id: this.act_id,
					app_id: this.$https.weixinAppId,
					open_id: uni.getStorageSync("openid"),
				}
				let res = await market.getCouponIndex(postData);
				if (res.code == 1) {
					this.looplist = res.data.result.data
				}
			},
			onClick_1() {},
			onClick_2(item, index) {
				this.itemlist = item
				let datas = {
					app_id: this.$https.weixinAppId,
					project_id: getApp().globalData.projectId,
					open_id: uni.getStorageSync("openid"),
					coupon_id: item.id
				};
				market.insertCouponRecord(datas).then(result => {
					if (result.code == 1) {
						this.box_111 = true
					} else {
						uni.showToast({
							title: result.info,
							icon: 'exception',
							duration: 850
						});
					}
				})
			},
			onClick_3() {},
			onClick_4() {},
			onClick_5(item) {
				uni.navigateTo({
					url: '/pages_a/coupon/coupon_details?id=' + item.id
				})
			},
			onClick_6() {},
			onClick_s() {},
			box_close() {
				this.box_111 = false
			},
			box_open() {
				uni.navigateTo({
					url: '/pages/venues/index'
				})
			},
			Newborn() {
				uni.navigateTo({
					url: '/pages_other/area/area_zone?q_type=' + 3 + '&act_id=' + this.act_id
				})
			},
			// 平台专区
			Venue() {
				uni.navigateTo({
					url: '/pages_other/area/area_venue?q_type=' + 1 + '&act_id=' + this.act_id
				})
			},
			Platform() {
				uni.navigateTo({
					url: '/pages_other/area/area_platform?q_type=' + 2 + '&act_id=' + this.act_id
				})
			},
		}
	};
</script>
<style lang='scss'>
	@import '../../static/css/common/common.scss';

	.page {
		position: relative;
		width: 750rpx;
		height: 100%;
		overflow: hidden;

		.block_1 {
			background-color: rgba(255, 255, 255, 1);
			height: 100%;
			width: 750rpx;

			.box_111 {
				background-color: rgba(0, 0, 0, 0.6);
				width: 750rpx;
				/* height: 1624rpx; */
				height: 100%;
				position: absolute;
				z-index: 999;

				.icon_1 {
					width: 70rpx;
					height: 70rpx;
					position: absolute;
					left: 47%;
					top: 30vh;
				}

				.box_2 {
					width: 558rpx;
					height: 616rpx;
					background: url('https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/ebf35f2fa3b35224f9fbfe7de42abd3e11c5fff7.png') 100% no-repeat;
					background-size: 100% 100%;
					position: absolute;
					left: 15%;
					top: 36vh;
				}

				.icon_1_1 {
					width: 70rpx;
					height: 70rpx;
					position: absolute;
					left: 47%;
					top: 64vh;
				}

				.box_2_2 {
					width: 558rpx;
					height: 616rpx;
					background: url('https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/ebf35f2fa3b35224f9fbfe7de42abd3e11c5fff7.png') 100% no-repeat;
					background-size: 100% 100%;
					position: absolute;
					left: 15%;
					top: 70vh;
				}

				.text-group_1 {
					width: 100rpx;
					height: 97rpx;
					margin: 267rpx 0 0 50rpx;

					.text-wrapper_1 {
						width: 100rpx;
						height: 59rpx;
						overflow-wrap: break-word;
						font-size: 0;
						font-family: DIN-Bold;
						font-weight: 700;
						text-align: center;
						white-space: nowrap;
						line-height: 35rpx;

						.text_1 {
							width: 100rpx;
							height: 59rpx;
							overflow-wrap: break-word;
							color: rgba(241, 16, 49, 1);
							font-size: 35rpx;
							font-family: DIN-Bold;
							font-weight: 700;
							text-align: left;
							white-space: nowrap;
							line-height: 35rpx;
						}

						.text_2 {
							width: 100rpx;
							height: 59rpx;
							overflow-wrap: break-word;
							color: rgba(241, 16, 49, 1);
							font-size: 40rpx;
							font-family: DIN-Bold;
							font-weight: 700;
							text-align: left;
							white-space: nowrap;
							line-height: 80rpx;
						}
					}

					.text_3 {
						width: 92rpx;
						height: 19rpx;
						overflow-wrap: break-word;
						color: rgba(203, 155, 105, 1);
						font-size: 20rpx;
						font-family: SourceHanSansSC-Normal;
						font-weight: NaN;
						text-align: center;
						white-space: nowrap;
						line-height: 20rpx;
						margin: 30rpx 0 0 8rpx;
					}
				}

				.text-group_2 {
					width: 224rpx;
					height: 60rpx;
					margin: 283rpx 102rpx 0 90rpx;

					.text_4 {
						width: 152rpx;
						height: 29rpx;
						overflow-wrap: break-word;
						color: rgba(163, 98, 32, 1);
						font-size: 30rpx;
						font-family: PingFang-SC-Medium;
						font-weight: 500;
						text-align: center;
						white-space: nowrap;
						line-height: 30rpx;
						margin-left: 30rpx;
					}

					.text_5 {
						width: 224rpx;
						height: 16rpx;
						overflow-wrap: break-word;
						color: rgba(203, 155, 105, 1);
						font-size: 20rpx;
						font-family: PingFang-SC-Medium;
						font-weight: 500;
						text-align: center;
						white-space: nowrap;
						line-height: 20rpx;
						margin-top: 15rpx;
					}
				}

				.icon_11 {
					position: absolute;
					z-index: 99;
					width: 280rpx;
					height: 70rpx;
					margin: 490rpx 0 45rpx 128rpx;
				}


			}

			.group_1 {
				position: relative;
				width: 750rpx;
				height: 2240rpx;
				background: url('https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/37ff09028c46c84eed29e1590b9b385129ec49f8.png') 100% no-repeat;
				background-size: 100% 100%;

				.image_1 {
					width: 654rpx;
					height: 22rpx;
					margin: 33rpx 0 0 48rpx;
				}

				.box_1 {
					position: relative;
					width: 750rpx;
					height: 1050rpx;

					.nav-bar_1 {
						width: 745rpx;
						height: 92rpx;
						margin-top: 26rpx;

						.group_2 {
							height: 36rpx;
							width: 184rpx;
							margin: 33rpx 0 0 30rpx;

							.group_3 {
								width: 184rpx;
								height: 36rpx;

								.icon_1 {
									width: 20rpx;
									height: 36rpx;
								}

								.text_1 {
									width: 144rpx;
									height: 34rpx;
									overflow-wrap: break-word;
									color: rgba(255, 255, 255, 1);
									font-size: 36rpx;
									font-family: PingFang-SC-Regular;
									font-weight: NaN;
									text-align: left;
									white-space: nowrap;
									line-height: 34rpx;
									margin-top: 1rpx;
								}
							}
						}

						.applet-top-bar_1 {
							width: 150rpx;
							height: 55rpx;
							margin: 24rpx 25rpx 0 356rpx;
						}
					}

					.image_2 {
						width: 135rpx;
						height: 242rpx;
						margin: 235rpx 0 576rpx 615rpx;
					}

					.image_3 {
						position: absolute;
						left: 584rpx;
						top: 493rpx;
						width: 166rpx;
						height: 305rpx;
					}

					.image_4 {
						position: absolute;
						left: 7rpx;
						top: 433rpx;
						width: 735rpx;
						height: 197rpx;
					}
				}

				.box_2 {
					/* background-color: rgba(255, 238, 221, 0.2); */
					background-color: #FADCDD;
					border-radius: 11px;
					height: 987rpx;
					width: 690rpx;
					position: relative;
					margin: -1rpx 0 28rpx 30rpx;

					.box_3 {
						width: 652rpx;
						height: 31rpx;
						margin: 220rpx 0 0 20rpx;

						.image-wrapper_1 {
							width: 627rpx;
							height: 38rpx;
							margin: 0rpx 0 0 30rpx;

							.image_14 {
								width: 204rpx;
								height: 30rpx;
							}

							.image_15 {
								width: 60rpx;
								height: 30rpx;
							}
						}

						.image_5 {
							width: 50rpx;
							height: 2rpx;
							margin-top: 16rpx;
						}

						.image_6 {
							width: 35rpx;
							height: 8rpx;
							margin-top: 13rpx;
						}

						.text_2 {
							width: 129rpx;
							height: 31rpx;
							overflow-wrap: break-word;
							color: #E0251B;
							font-size: 32rpx;
							font-family: PingFang-SC-Bold;
							font-weight: 700;
							text-align: left;
							white-space: nowrap;
							line-height: 56rpx;
							margin-left: 38rpx;
						}

						.image_7 {
							width: 35rpx;
							height: 8rpx;
							margin: 13rpx 0 0 39rpx;
						}

						.text_3 {
							width: 63rpx;
							height: 31rpx;
							overflow-wrap: break-word;
							color: #E0251B;
							font-size: 32rpx;
							font-family: PingFang-SC-Bold;
							font-weight: 700;
							text-align: left;
							white-space: nowrap;
							line-height: 56rpx;
							margin-left: 400rpx;
						}
					}

					.box_4 {
						width: 750rpx !important;
						height: 124rpx;
						/* margin-top: 30rpx; */

						.box_20 {
							width: 316rpx;
							height: 124rpx;
							background: url('https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/65f4b0ed97f2d4a1ff6b7e40ce760be65c26b5d7.png') 100% no-repeat;
							background-size: 100% 100%;
							margin-left: 20rpx;
							margin-top: 30rpx;
							float: left;

							.text-group_7 {
								width: 81rpx;
								height: 77rpx;
								margin: 24rpx 0 0 19rpx;

								.text-wrapper_8 {
									width: 80rpx;
									height: 44rpx;
									overflow-wrap: break-word;
									font-size: 0;
									font-family: DIN-Bold;
									font-weight: 700;
									text-align: center;
									white-space: nowrap;
									line-height: 30rpx;

									.text_46 {
										width: 80rpx;
										height: 44rpx;
										overflow-wrap: break-word;
										color: rgba(253, 243, 212, 1);
										font-size: 30rpx;
										font-family: DIN-Bold;
										font-weight: 700;
										text-align: left;
										white-space: nowrap;
										line-height: 30rpx;
									}

									.text_47 {
										width: 80rpx;
										height: 44rpx;
										overflow-wrap: break-word;
										color: rgba(253, 243, 212, 1);
										font-size: 24rpx;
										font-family: DIN-Bold;
										font-weight: 700;
										text-align: left;
										white-space: nowrap;
										line-height: 40rpx;
									}
								}

								.text_48 {
									width: 74rpx;
									height: 23rpx;
									overflow-wrap: break-word;
									color: rgba(253, 243, 212, 1);
									font-size: 24rpx;
									font-family: PingFang-SC-Bold;
									font-weight: 700;
									text-align: center;
									white-space: nowrap;
									line-height: 24rpx;
									margin: 10rpx 0 0 7rpx;
								}
							}

							.box_21 {
								background-color: rgba(254, 97, 70, 1);
								width: 1rpx;
								height: 78rpx;
								margin: 23rpx 0 0 19rpx;
							}

							.section_12 {
								width: 140rpx;
								height: 77rpx;
								margin: 24rpx 28rpx 0 28rpx;

								.button_7 {
									background-color: rgba(254, 97, 70, 1);
									border-radius: 17px;
									height: 36rpx;
									width: 140rpx;

									.text_49 {
										width: 79rpx;
										height: 40rpx;
										overflow-wrap: break-word;
										color: rgba(255, 240, 227, 1);
										font-size: 20rpx;
										font-weight: 700;
										text-align: center;
										white-space: nowrap;
										line-height: 20rpx;
										margin: 8rpx 0 0 32rpx;
									}
								}

								.ylw {
									width: 61rpx;
									height: 21rpx;
									overflow-wrap: break-word;
									color: rgba(255, 255, 255, 1);
									font-size: 22rpx;
									font-family: PingFang-SC-Medium;
									font-weight: 500;
									text-align: left;
									white-space: nowrap;
									line-height: 22rpx;
									margin: 10rpx 0 24rpx 35rpx;
								}

								.text_50 {
									width: 160rpx;
									height: 50rpx;
									color: rgba(253, 243, 212, 1);
									font-size: 22rpx;
									font-weight: 700;
									text-align: left;
									white-space: nowrap;
									overflow: hidden;
									text-overflow: ellipsis;
									line-height: 60rpx;
									/* margin: 0 0 0 0rpx; */
								}
							}
						}

						.text-wrapper_2 {
							width: 80rpx;
							height: 44rpx;
							overflow-wrap: break-word;
							font-size: 0;
							font-family: DIN-Bold;
							font-weight: 700;
							text-align: center;
							white-space: nowrap;
							line-height: 30rpx;
							margin-top: 40rpx;

							.text_8 {
								width: 80rpx;
								height: 44rpx;
								overflow-wrap: break-word;
								color: rgba(254, 97, 70, 1);
								font-size: 30rpx;
								font-family: DIN-Bold;
								font-weight: 700;
								text-align: left;
								white-space: nowrap;
								line-height: 30rpx;
							}

							.text_9 {
								width: 80rpx;
								height: 44rpx;
								overflow-wrap: break-word;
								color: rgba(254, 97, 70, 1);
								font-size: 60rpx;
								font-family: DIN-Bold;
								font-weight: 700;
								text-align: left;
								white-space: nowrap;
								line-height: 60rpx;
							}
						}
					}

					.box_8 {
						width: 650rpx;
						height: 124rpx;
						margin: 30rpx 0 0 20rpx;

						.box_9 {
							width: 316rpx;
							height: 124rpx;
							background: url('https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/682fc7839cc53e3043bc4f7642bc7e515391218b.png') 100% no-repeat;
							background-size: 100% 100%;

							.text-wrapper_3 {
								width: 80rpx;
								height: 44rpx;
								overflow-wrap: break-word;
								font-size: 0;
								font-family: DIN-Bold;
								font-weight: 700;
								text-align: center;
								white-space: nowrap;
								line-height: 30rpx;
								margin: 40rpx 0 0 16rpx;

								.text_10 {
									width: 80rpx;
									height: 44rpx;
									overflow-wrap: break-word;
									color: rgba(254, 97, 70, 1);
									font-size: 30rpx;
									font-family: DIN-Bold;
									font-weight: 700;
									text-align: left;
									white-space: nowrap;
									line-height: 30rpx;
								}

								.text_11 {
									width: 80rpx;
									height: 44rpx;
									overflow-wrap: break-word;
									color: rgba(254, 97, 70, 1);
									font-size: 60rpx;
									font-family: DIN-Bold;
									font-weight: 700;
									text-align: left;
									white-space: nowrap;
									line-height: 60rpx;
								}
							}

							.block_2 {
								background-color: rgba(254, 97, 70, 1);
								width: 1rpx;
								height: 78rpx;
								margin: 23rpx 0 0 23rpx;
							}

							.block_3 {
								width: 140rpx;
								height: 74rpx;
								margin: 27rpx 33rpx 0 23rpx;

								.text_12 {
									width: 74rpx;
									height: 23rpx;
									overflow-wrap: break-word;
									color: rgba(254, 97, 70, 1);
									font-size: 24rpx;
									font-family: PingFang-SC-Bold;
									font-weight: 700;
									text-align: center;
									white-space: nowrap;
									line-height: 24rpx;
									margin-left: 36rpx;
								}

								.button_2 {
									background-color: rgba(254, 97, 70, 1);
									border-radius: 17px;
									height: 36rpx;
									margin-top: 15rpx;
									width: 140rpx;

									.text_13 {
										width: 79rpx;
										height: 20rpx;
										overflow-wrap: break-word;
										color: rgba(255, 240, 227, 1);
										font-size: 20rpx;
										font-family: PingFang-SC-Bold;
										font-weight: 700;
										text-align: center;
										white-space: nowrap;
										line-height: 20rpx;
										margin: 8rpx 0 0 32rpx;
									}
								}
							}
						}

						.box_10 {
							width: 314rpx;
							height: 124rpx;
							background: url('https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/d986d4b5e07201695d887784d0cf6e72dcf44e85.png') 100% no-repeat;
							background-size: 100% 100%;

							.text-wrapper_4 {
								width: 80rpx;
								height: 44rpx;
								overflow-wrap: break-word;
								font-size: 0;
								font-family: DIN-Bold;
								font-weight: 700;
								text-align: center;
								white-space: nowrap;
								line-height: 30rpx;
								margin: 40rpx 0 0 15rpx;

								.text_14 {
									width: 80rpx;
									height: 44rpx;
									overflow-wrap: break-word;
									color: rgba(254, 97, 70, 1);
									font-size: 30rpx;
									font-family: DIN-Bold;
									font-weight: 700;
									text-align: left;
									white-space: nowrap;
									line-height: 30rpx;
								}

								.text_15 {
									width: 80rpx;
									height: 44rpx;
									overflow-wrap: break-word;
									color: rgba(254, 97, 70, 1);
									font-size: 60rpx;
									font-family: DIN-Bold;
									font-weight: 700;
									text-align: left;
									white-space: nowrap;
									line-height: 60rpx;
								}
							}

							.box_11 {
								background-color: rgba(254, 97, 70, 1);
								width: 1rpx;
								height: 78rpx;
								margin: 23rpx 0 0 24rpx;
							}

							.box_12 {
								width: 140rpx;
								height: 74rpx;
								margin: 27rpx 30rpx 0 24rpx;

								.text_16 {
									width: 94rpx;
									height: 23rpx;
									overflow-wrap: break-word;
									color: rgba(254, 97, 70, 1);
									font-size: 24rpx;
									font-family: PingFang-SC-Bold;
									font-weight: 700;
									text-align: center;
									white-space: nowrap;
									line-height: 24rpx;
									margin-left: 25rpx;
								}

								.button_3 {
									background-color: rgba(254, 97, 70, 1);
									border-radius: 17px;
									height: 36rpx;
									margin-top: 15rpx;
									width: 140rpx;

									.text_17 {
										width: 79rpx;
										height: 20rpx;
										overflow-wrap: break-word;
										color: rgba(255, 240, 227, 1);
										font-size: 20rpx;
										font-family: PingFang-SC-Bold;
										font-weight: 700;
										text-align: center;
										white-space: nowrap;
										line-height: 20rpx;
										margin: 8rpx 0 0 33rpx;
									}
								}
							}
						}
					}


					.box_18 {
						position: absolute;
						left: 356rpx;
						top: 299rpx;
						width: 314rpx;
						height: 124rpx;
						background: url('https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/65f4b0ed97f2d4a1ff6b7e40ce760be65c26b5d7.png') 100% no-repeat;
						background-size: 100% 100%;

						.text_36 {
							width: 143rpx;
							height: 23rpx;
							overflow-wrap: break-word;
							color: #FDF3D4;
							font-size: 24rpx;
							font-family: PingFang-SC-Bold;
							font-weight: 700;
							text-align: center;
							white-space: nowrap;
							line-height: 24rpx;
							margin: 27rpx 0 0 145rpx;
						}

						.button_4 {
							background-color: rgba(247, 52, 18, 1);
							border-radius: 17px;
							height: 36rpx;
							width: 140rpx;
							margin: 15rpx 0 23rpx 144rpx;

							.text_37 {
								width: 78rpx;
								height: 19rpx;
								overflow-wrap: break-word;
								color: rgba(255, 240, 227, 1);
								font-size: 20rpx;
								font-family: PingFang-SC-Bold;
								font-weight: 700;
								text-align: center;
								white-space: nowrap;
								line-height: 20rpx;
								margin: 8rpx 0 0 33rpx;
							}
						}
					}

					.image_12 {
						position: absolute;
						left: 345rpx;
						top: 255rpx;
						width: 51rpx;
						height: 2rpx;
					}

					.image_13 {
						position: absolute;
						left: -15rpx;
						top: 0;
						width: 717rpx;
						height: 190rpx;
					}

					.tag_4 {
						position: absolute;
						left: 352rpx;
						top: 268rpx;
						width: 59rpx;
						height: 80rpx;
					}
				}

				.box_19 {
					box-shadow: 8px 14px 13px 0px rgba(0, 0, 0, 0.13);
					background-color: rgba(255, 238, 221, 1);
					border-radius: 29px;
					position: absolute;
					left: 30rpx;
					top: 795rpx;
					width: 690rpx;
					height: 399rpx;

					.image-wrapper_1 {
						width: 627rpx;
						height: 38rpx;
						margin: 35rpx 0 0 30rpx;

						.image_14 {
							width: 274rpx;
							height: 38rpx;
						}

						.image_15 {
							width: 60rpx;
							height: 30rpx;
						}
					}

					.list_1 {
						width: 631rpx;
						height: 246rpx;
						justify-content: space-between;
						margin: 40rpx 0 40rpx 30rpx;

						.list-items_1 {
							width: 191rpx;
							height: 246rpx;
							background: url('https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/50207643478c32867e547f98597c019d77f4eed6.png') 100% no-repeat;
							background-size: 100% 100%;
							/* margin-right: 30rpx; */

							.text-wrapper_6 {
								width: 100%;
								height: 68rpx;
								/* margin: 38rpx 0 0 38rpx; */
								/* margin: 0 auto; */
								text-align: center;
								margin-top: 40rpx;
								float: left;

								.text_38 {
									width: 20%;
									height: 26rpx;
									/* background-color: #ffff00; */
									overflow-wrap: break-word;
									color: rgba(253, 243, 212, 1);
									font-size: 33rpx;
									font-family: SourceHanSansCN-Regular;
									font-weight: 600;
									text-align: right;
									white-space: nowrap;
									line-height: 33rpx;
									margin-top: 40rpx;
								}

								.text_39 {
									width: 80%;
									height: 68rpx;
									/* background-color: #55ff00; */
									overflow-wrap: break-word;
									color: rgba(253, 243, 212, 1);
									font-size: 44rpx;
									font-family: SourceHanSansCN-Bold;
									font-weight: 700;
									text-align: left;
									white-space: nowrap;
									line-height: 103rpx;
								}
							}

							.text_40 {
								width: 100%;
								height: 40rpx;
								overflow-wrap: break-word;
								color: rgba(253, 243, 212, 1);
								font-size: 20rpx;
								font-family: PingFang-SC-Bold;
								font-weight: 700;
								/* text-align: left; */
								white-space: nowrap;
								line-height: 40rpx;
								/* margin: 14rpx 0 0 42rpx; */
								text-align: center;
								margin-top: 20rpx;
							}

							.button_5 {
								height: 36rpx;
								background: url('https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/1409a59cd5bea061e0ed3e3bee078e2994d90821.png') -1rpx 0rpx no-repeat;
								background-size: 130rpx 36rpx;
								width: 129rpx;
								margin: 51rpx 0 18rpx 29rpx;

								.text_41 {
									width: 101rpx;
									height: 21rpx;
									overflow-wrap: break-word;
									color: rgba(206, 46, 25, 1);
									font-size: 22rpx;
									font-family: PingFang-SC-Medium;
									font-weight: 500;
									text-align: left;
									white-space: nowrap;
									line-height: 22rpx;
									margin: 8rpx 0 0 18rpx;
								}
							}

							.text_42 {
								width: 89rpx;
								height: 17rpx;
								overflow-wrap: break-word;
								color: rgba(253, 243, 212, 1);
								font-size: 20rpx;
								font-family: PingFang-SC-Bold;
								font-weight: 700;
								text-align: left;
								white-space: nowrap;
								line-height: 20rpx;
								/* margin: 6rpx 0 0 54rpx; */
							}

							.text_43 {
								text-shadow: 0px 1px 1px rgba(255, 110, 84, 1);
								width: 165rpx;
								height: 2rpx;
								overflow-wrap: break-word;
								color: rgba(155, 36, 21, 1);
								font-size: 14rpx;
								font-family: SourceHanSansCN-Normal;
								font-weight: NaN;
								text-align: left;
								white-space: nowrap;
								line-height: 14rpx;
								margin: 12rpx 0 0 11rpx;
							}

							.text_44 {
								width: 61rpx;
								height: 21rpx;
								overflow-wrap: break-word;
								color: rgba(255, 255, 255, 1);
								font-size: 22rpx;
								font-family: PingFang-SC-Medium;
								font-weight: 500;
								text-align: left;
								white-space: nowrap;
								line-height: 22rpx;
								margin: 33rpx 0 24rpx 65rpx;
							}

							.button_6 {
								width: 130rpx;
								height: 36rpx;
								margin: 25rpx 0 18rpx 32rpx;
								background: url('https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/1409a59cd5bea061e0ed3e3bee078e2994d90821.png') -1rpx 0rpx no-repeat;
								background-size: 130rpx 36rpx;

								.text_41 {
									width: 101rpx;
									height: 21rpx;
									overflow-wrap: break-word;
									color: rgba(206, 46, 25, 1);
									font-size: 22rpx;
									font-family: PingFang-SC-Medium;
									font-weight: 500;
									text-align: left;
									white-space: nowrap;
									line-height: 22rpx;
									margin: 8rpx 0 0 18rpx;
								}
							}
						}
					}
				}

				.image_16 {
					position: absolute;
					left: 29rpx;
					top: 197rpx;
					width: 690rpx;
					height: 399rpx;
				}
			}
		}
	}
</style>
